@charset "utf-8";
* {
    margin: 0px;
    padding: 0px;
}  
header, section, footer, aside, nav, article, figure, figcaption, hgroup, body, div{
    display: block;
}
body {
    width: 100%;
    height: 100%;
    background:#f1f1f1;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
.main_block_color {
    background:#c3c3c3;
}
.elem_bground {
    background:#dcdbdb;
    padding: 3px;
}
.shadow {
    box-shadow: rgb(155, 155, 155) 5px 5px 5px;
}
.exception_bground {
    background: #FF6347;    
}
.form_table { 
    padding: 10px 20px;
    width: 100%;
}
.form_table input, .form_table select{ 
    width: 150px;
    text-align: center;
    height: 20px;
}
.form_table td{
    padding: 10px;
    text-align: center;
    width: 50%;
}
.form_table tr:hover {
    background: #F2CB57;
}
.form_table th{
    text-align: left;
    padding: 10px;
    width: 50%;
}
input, select {
    background:#FFFFF8;
    border:none;
}
#wrapper {
    width:900px;
    min-height:100%;
    margin: 0px auto;
    background:#e4e4e4;

    overflow: hidden;
    padding:15px 0;
}
#container {
    width:550px;
    float:right;
    margin-right:30px;
}
#main_header {
    clear:both;
}
#left_side_bar {
    float:left;
    width:250px;
    margin-left:30px;
    margin-right:15px;
}
#main_menu .element {	
    margin-bottom:15px;
}
#main_menu ul{
    list-style-type:none;
}
.button {
    background:#c3c3c3;
    border:none;
    font-weight:bolder;
    padding:5px;
    font-size:16px;
    text-transform:uppercase;	
    font-family:Arial, Helvetica, sans-serif;
}

a[class="button"] {
    text-decoration:none;
    color:#000000;
}
input[class="button"] {
    cursor:pointer;
    padding:0 5px 0 5px;
}
#login {
    width:240px;
}
#login p{
    padding:10px;
}
#login .button{
    background:#dcdbdb;
    padding: 3px;
    margin:0 10px;
    text-decoration:none;
    font-size:14px;	
}
#authorization_form table {
    width:100%;
}
#authorization_form table th{
    font-size:14px;
    text-align:left;
}
#authorization_form{
    padding:10px;
}
#genres {
    margin-top:40px;
    max-height: 500px;
    /*overflow-x: scroll; */
}

#search {
    overflow:hidden;
}
/*
#search #books {
    margin-bottom:10px;
    height:32px;
}
#search #authors {
    margin-bottom:10px;
    height:32px;
}
*/
#search .caption {
    float:left;
    padding:5px;
}
#search .elements {
    float:right;
    height:100%;
    margin:5px 10px 5px 0px;
}
#search .elements input[type='search'] {
    width:430px;
}
#search #extended {
    margin-bottom:10px;
    height:32px;
}
#content {
    overflow:hidden;
}
#exception {
    overflow:hidden;
    margin: 5px;
}
#exception p{
    padding: 5px;
}
#exception #description{
    margin: 5px;
}
#tree {
    margin-top:6px;
    overflow: hidden;
}
#tree ul{
    list-style-type: none;
}
#tree ul:first-child {
    background:#dcdbdb;
    margin: 10px;
    padding: 3px;
}
#tree ul:first-child li ul{
    margin: 0 0 5px 15px;
}
#tree a{
    text-decoration: none; 
    font-weight: bold;
    color: #000000;
}
#tree a:hover{
    padding-left: 5px; 
    background: #F2CB57; 
}
#content article{
    margin:10px;
}
#content article header{
    margin-bottom: 10px;
}
#content article header h1{
    font-size:16px;
    text-transform:uppercase;
}
#content article header h2{
    font-size:14px;
}
article[id='book'] #info{
    margin-top:20px;
}
article[id='book'] #info ul{
    list-style-type:none;
}
article[id='book'] #cover {
    float:left;
    width:160px;
    height:240px;
    margin:10px 20px;
}
article[id='book'] #description {
    clear:both;
}
#content article footer {
    margin:10px 0 0 0;
    text-align:right;
}
#content article footer #added{
    float: left;
    font-style: italic;
    font-size: 12px;
}
#content article footer [class='button'] {
    background:#dcdbdb;
    padding: 3px;
    margin:0 30px;
    text-decoration:none;
    font-size:14px;	
}
#content article section p {
    margin:5px 0;
    text-indent: 20px;
}
